#banner{
    background-color: #1d1d1d;
    #mydiv{
        overflow: hidden;
        height: 416px;
        position: relative;
        .canvas{
            width: 100% !important;
            height: 416px !important;
            z-index: 0 !important;
            position: absolute;
        }.case-conten{
            position: absolute; 
            left: 600px;  
            h1{
                margin-top: 140px;
                font-weight: 500;
                text-align: center;

            }
            h3{
                text-align: center;
                line-height: 40px;
                font-weight: lighter;
                font-size: 12px;
            }
            p{
                text-align: center;
                font-size: 14px;
            }
        }
    }
}
body{
    background-color: #f8f8f8;
}
// 中间内容
.floor{
    margin-top: 36px;
   h2{
    line-height: 40px;
    &:after{
       content: '';
       display: block;
       width: 14px;
       height: 2px;
       background-color: #00dbff;
    }
   }
    ul{
      li{
       width: 354px;
       height: 340px;
       border: 1px solid #eee;
       padding: 10px;
       box-sizing: border-box;
       float: left;
       margin-right: 20px;
       img{
        width: 100%;
       }
       h4{
        margin: 20px 0 10px;
       }
       p{
        line-height: 18px;
        margin-bottom: 15px;
        text-align:justify ;
       }
    }
   }
}

#returnTop{

    position: fixed;
    top: 510px;
    left: 50%;
    margin-left: 600px;
    
   li{
    line-height: 30px;
    cursor: pointer;
    user-select:none ;
   }
}

#own{
    li{  
        margin-top: 20px;
        float: left;
        margin-right: 20px;
        background-color: #fff;
        width: 355px;
        height: 120px;
        }
        img{
          text-align: center;
          margin-left: 125px;
          margin-top: 40px;
    }
}

